<!--login popup-->

<div class="popup_wrap d_none" id="login_popup">
  <section class="popup r_corners shadow">
    <button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
    <h3 class="m_bottom_20 color_dark">Đăng nhập</h3>
    <form>
      <ul>
        <li class="m_bottom_15">
          <label for="username" class="m_bottom_5 d_inline_b">Email</label>
          <br>
          <input type="text" name="" id="username" class="r_corners full_width">
        </li>
        <li class="m_bottom_25">
          <label for="password" class="m_bottom_5 d_inline_b">Mật khẩu</label>
          <br>
          <input type="password" name="" id="password" class="r_corners full_width">
        </li>
        <li class="m_bottom_15">
          <input type="checkbox" class="d_none" id="checkbox_10">
          <label for="checkbox_10">Nhớ tài khoản</label>
        </li>
        <li class="clearfix m_bottom_30">
          <button class="button_type_4 tr_all_hover r_corners f_left bg_scheme_color color_light f_mxs_none m_mxs_bottom_15">Đăng nhập</button>
          <div class="f_right f_size_medium f_mxs_none"> <a href="#" class="color_dark">Khôi phục mật khẩu</a> </div>
        </li>
      </ul>
    </form>
    <footer class="bg_light_color_1 t_mxs_align_c">
      <h3 class="color_dark d_inline_middle d_mxs_block m_mxs_bottom_15">Chưa có tài khoản?</h3>
      <a href="#" role="button" class="tr_all_hover r_corners button_type_4 bg_dark_color bg_cs_hover color_light d_inline_middle m_mxs_left_0">Tạo mới</a> </footer>
  </section>
</div>
